<template>
    <div class="content-index-bd">
        <div class="list-ope-wrap">
            <div class="ope-bar clearfix">
                <div class="bar-left">
                    <div class="list-search">
                        <div class="suggest-search">
                            <a-input-search placeholder="采购单号/供应商/物品/项目" @search="onSearch" enterButton/>
                        </div>
                    </div>
                </div>
                <div class="bar-right">
                    <a-button icon="plus" type="primary" class="ant-btn-two-chinese">发布</a-button>
                </div>
            </div>
            <div class="data-wrap">
                <div class="tb-wrap">
                    <div class="tb-inner clearfix">
                        <div class="ant-table-wrapper clearfix">
                            <a-table :rowSelection="rowSelection" :columns="TableOnecolumns" :dataSource="TableOnedata">
                                <a slot="number" slot-scope="text" href="javascript:;">{{text}}</a>
                            </a-table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>

    const TableOnecolumns = [
        {
            title: '序号',
            dataIndex: 'number',
            width: 80,
            scopedSlots: {customRender: 'number'},
        },
        {
            title: '询价日期',
            dataIndex: 'itemNumber',
        },
        {
            title: '询价标题',
            dataIndex: 'itemName',
        },
        {
            title: '规格型号',
            dataIndex: 'model',
        },
        {
            title: '报加截止日期',
            dataIndex: 'brand',
        },
        {
            title: '来自百卓采购网报价',
            dataIndex: 'itemName',
        },
        {
            title: '交货地',
            dataIndex: 'itemNmanufacturerame',
        },
        {
            title: '联系人',
            dataIndex: 'unit',
        },
        {
            title: '操作',
            dataIndex: 'Inventory ',
        }
    ];

    const TableOnedata = [
        {
            key: '1',
        },

    ];
    export default {
        name: "searchBody",
        data(){
            return {
                TableOnecolumns,
                TableOnedata
            }
        },
        methods: {
            onSearch(value) {
                console.log(value);
            },
        },
    }
</script>

<style lang="stylus" scoped>
    .content-index-bd {
        padding: 16px 10px 10px 16px;
    }

    .list-ope-wrap {
        position: relative;
        z-index: 21;
    }

    .ope-bar {
        position: relative;
        z-index: 2;
        padding-bottom: 16px;
        display block
    }

    .bar-left {
        float: left;
    }

    .bar-left .list-search {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .list-search {
        width: 350px;
    }

    .bar-left .list-search .suggest-search {
        position: relative;
        width: 100%;
    }

    .filter-btn-wrap {
        position: relative;
        display: inline-block;
    }

    .bar-right {
        float: right;
    }

    .ant-btn-two-chinese {
        margin-left: 10px;
        color: #fff;
        background-color: #2b9262;
        border-color: #2b9262;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
    }

    .tb-wrap {
        float: left;
        width: 100%;
        transition: .2s;
        padding-bottom: 64px;
    }
</style>